<template>
  <view class="content">
    <view style="height: 30rpx"></view>
    <view class="items">
      <view class="title">
        <view class="left"></view>
        <view class="name">公司简介</view>
      </view>
      <view class="contents" v-html="content"> </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      content: "",
    };
  },
  onLoad(options) {
    this.id = options.id;
    this.companydetail();
  },
  methods: {
    companydetail() {
      this.http.post("recruit/companydetail", { id: this.id }).then((res) => {
        this.content = res.data.content;
      });
    },
  },
};
</script>

<style lang="scss" scoped>
.items {
  padding: 20rpx;
  background: #fff;
  opacity: 1;
  margin: 0rpx 30rpx 30rpx;
  border-radius: 10rpx;
  align-items: center;
  .title {
    display: flex;
    border-bottom: 1rpx solid #dfdfdf;
    padding-bottom: 40rpx;
    padding-top: 20rpx;
    .left {
      width: 16rpx;
      background-color: #4777f6;
      border-radius: 50rpx;
      margin: 0 20rpx;
    }
    .name {
      font-weight: 800;
    }
  }
  .contents {
    padding: 30rpx;
  }
}
</style>